<div class=" animated fadeInRight ecommerce">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5><span><vc:i18n name="查询条件" namespace="reportRepair"></vc:i18n></span></h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
                                v-on:click="_moreCondition()">{{reportRepairInfo.moreCondition == true ? '隐藏' : '更多'}}
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" :placeholder="vc.i18n('请选择创建开始时间','reportRepair')"
                                       name="beginStartTime" v-model="reportRepairInfo.conditions.beginStartTime"
                                       class="form-control form_datetime  begin_start_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" :placeholder="vc.i18n('请选择创建结束时间','reportRepair')"
                                       name="beginEndTime" v-model="reportRepairInfo.conditions.beginEndTime"
                                       class="form-control form_datetime  begin_end_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" :placeholder="vc.i18n('请选择完结开始时间','reportRepair')"
                                       name="finishStartTime" v-model="reportRepairInfo.conditions.finishStartTime"
                                       class="form-control form_datetime  finish_start_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" :placeholder="vc.i18n('请选择完结结束时间','reportRepair')"
                                       name="finishEndTime" v-model="reportRepairInfo.conditions.finishEndTime"
                                       class="form-control form_datetime  finish_end_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-md" v-on:click="_queryMethod()">
                                <i class="fa fa-search"></i>
                                <span><vc:i18n name="查询" namespace="reportRepair"></vc:i18n></span>
                            </button>
                            <button type="button" class="btn btn-info btn-md" v-on:click="_resetMethod()"
                                    style="margin-left: 20px;">
                                <i class="fa fa-repeat"></i>
                                <span><vc:i18n name="重置" namespace="reportRepair"></vc:i18n></span>
                            </button>
                        </div>
                    </div>
                    <div class="row" v-show="reportRepairInfo.moreCondition == true">
                        <div class="col-sm-2">
                            <select class="custom-select" v-model="reportRepairInfo.conditions.staffId">
                                <option selected value="">{{vc.i18n('请选择员工姓名','reportRepair')}}</option>
                                <option v-for="(item,index) in reportRepairInfo.repairUsers" :key="index"
                                        v-bind:value="item.staffId">{{item.staffName}}
                                </option>
                            </select>
                        </div>
                        <!--状态-->
                        <div class="col-sm-2">
                            <select class="custom-select" v-model="reportRepairInfo.conditions.state">
                                <option selected value="">{{vc.i18n('请选择状态','reportRepair')}}</option>
                                <option v-for="(item,index) in reportRepairInfo.states" :key="index"
                                        v-bind:value="item.statusCd" v-if="item.statusCd != '10005'">{{item.name}}
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5><span><vc:i18n name="报修汇总表" namespace="reportRepair"></vc:i18n></span></h5>
                    <span class="fa fa-info-circle popover-show" style="cursor: pointer;"
                          data-content="以员工为维度，展示员工处理工单情况汇总"></span>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_exportFee()">
                            <i class="fa fa-plus"></i>
                            <span><vc:i18n name="导出" namespace="reportRepair"></vc:i18n></span>
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                        <tr>
                            <th class="text-center">
                                <span><vc:i18n name="报修编号" namespace="reportRepair"></vc:i18n></span>
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="员工" namespace="reportRepair"></vc:i18n></span>ID
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="员工姓名" namespace="reportRepair"></vc:i18n></span>
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="处理中" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="派单" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="转单" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="退单" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="已回访" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="已完结" namespace="reportRepair"></vc:i18n></span>(条)
                            </th>
                            <th class="text-center">
                                <span><vc:i18n name="员工评分" namespace="reportRepair"></vc:i18n></span>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(repair,index) in reportRepairInfo.repairs">
                            <td class="text-center">{{index+1}}</td>
                            <td class="text-center">{{repair.staffId}}</td>
                            <td class="text-center">{{repair.staffName}}</td>
                            <td class="text-center">{{repair.dealAmount}}</td>
                            <td class="text-center">{{repair.dispatchAmount}}</td>
                            <td class="text-center">{{repair.transferOrderAmount}}</td>
                            <td class="text-center">{{repair.chargebackAmount}}</td>
                            <td class="text-center">{{repair.returnAmount}}</td>
                            <td class="text-center">{{repair.statementAmount}}</td>
                            <td class="text-center">{{repair.score?repair.score:'-'}}</td>
                        </tr>
                        <td class="text-center" style="font-size:20px;color: red">
                            <span><vc:i18n name="统计" namespace="reportRepair"></vc:i18n></span>
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.dealNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.dispatchNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.transferOrderNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.chargebackNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.returnNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.statementNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="10">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>
</div>
